<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>网页</title>
    <link rel="stylesheet" href="./头部.css">
</head>
<body>
    <div class="header">
        <div class="hrader-left">
            <img src="../imgs/02.jpg" class="hrader-left-img">
            <div class="hrader-left-div chun">春</div>
            <div class="hrader-left-div xia">夏</div>
            <div class="hrader-left-div qiu">秋</div>
            <div class="hrader-left-div dong">冬</div>
        </div>
        <div class="header-center">
            <div class="header-center-div one">
                <img src="../imgs/小乔01.jpg">
                <a href="http://www.baidu.com">百度</a>
            </div>
            <div class="header-center-div two">
                <img src="../imgs/小乔02.jpg">
            </div>
            <div class="header-center-div three">
                <img src="../imgs/小乔03.jpg">
            </div>
            <div class="header-center-div four">
                <img src="../imgs/小乔04.jpg">
            </div>
            <div class="header-center-div five">
                <img src="../imgs/小乔05.jpg">
            </div>
            <div class="header-center-div six">
                <img src="../imgs/小乔06.jpg">
            </div>
            <div class="header-center-div seven">
                <img src="../imgs/小乔07.jpg">
            </div>
            <div class="header-center-div eight">
                <img src="../imgs/小乔08.jpg">
            </div>
            <div class="header-center-div nine">
                <img src="../imgs/小乔09.jpg">
            </div>

        </div>
        <div class="header-right">
            <main>
                <div class="min one"><img src="../imgs/02.jpg"></div>
                <div class="min two"><img src="../imgs/03.jpg"></div>
                <div class="min three"><img src="../imgs/04.jpg"></div>
                <div class="min four"><img src="../imgs/05.jpg"></div>
                <div class="min five"><img src="../imgs/06.jpg"></div>
                <div class="min six"><img src="../imgs/07.jpg"></div>
                <div class="max seven"><img src="../imgs/08.jpg"></div>
                <div class="max eight"><img src="../imgs/09.jpg"></div>
                <div class="max nine"><img src="../imgs/10.jpg"></div>
                <div class="max ten"><img src="../imgs/11.jpg"></div>
                <div class="max eleven"><img src="../imgs/12.jpg"></div>
                <div class="max twelve"><img src="../imgs/13.jpg"></div>
            </main>
        </div>
    </div>  
    
    <script src="./网页.js"></script>
</body>
</html>